import { Tabs, TabItem, } from '@aws-amplify/ui-react';
import { Example, ExampleCode } from '@/components/Example';

<Tabs className="docs-tabs">
  <TabItem title="InAppMessagingProvider">
    <Example>
      <ExampleCode>
```js file=../../../../../../../examples/next/pages/ui/components/in-app-messaging/basic-usage-provider/index.page.tsx

```
      </ExampleCode>
    </Example>
      
  </TabItem>
  <TabItem title="withInAppMessaging">
    <Example>
      <ExampleCode>
      ```js file=../../../../../../../examples/next/pages/ui/components/in-app-messaging/basic-usage-hoc/index.page.tsx

      ```
      </ExampleCode>
    </Example>
  </TabItem>
</Tabs>